<template>
	<div class="memorandum-see max_W">
		<div class="memorandum-time max_W">
			<span class="fl" @click="getBack"><i class="el-icon-arrow-left"></i> 返回</span>
			<strong class="fr" v-if="memo_time">{{memo_time}} 日程</strong>
		</div>	
		<div class="memorandum-test" v-html="content"></div>

	</div>
</template>

<script>
	
	export default {
		data(){
			return {
				test: null,
				memo_time: '',
				content: ''
			}
		},
		created(){
			this.getLookup()
		},
		methods: {
			getLookup(){
				let success = (res=>{
					this.test = res.data;
					this.content = res.data.content
					this.memo_time = res.data.memo_time.substring(0,16)
				})

				this.$ajax({
					url: 'api/memo/memo',
					method: 'get',
					params: {id: this.$route.query.id},
					func: {success: success}
				})
			},
			getBack(){
				this.$router.back(-1)
			},
		}
	}
</script>
<style type="text/css" lang="scss">
	
	.memorandum-see{
		background: #fff;
		min-height: 78vh;;
	}

	.memorandum-test{
		padding: 60px 100px ;
		line-height: 30px;
		font-size: 14px;
		color: #666;
	}

	.memorandum-time {
		text-align: right;
		padding: 60px 100px  0;
		font-size: 18px;
		>span{
			color: #999;
			cursor: pointer;
			&:hover{
				color: #348efc;
			}
		}
		>strong{
			color: #333;
		}
	}
</style>